import './nongken.scss'
import { lazy, Suspense } from 'react'
import { PlugInUnit } from '../PlugInUnit'

const SignUp = lazy(() => import('../SignUp'))

const NoneKen = ({ imageUrl }) => {
    return (
        <Suspense fallback={<div>NoneKen</div>}>
            <div className="NoneKenLogin">
                <img className="Back" src={imageUrl + 'Back.png'} alt="" />
                <img className="LoginLogo" src={imageUrl + 'SignLogo.png'} alt="" />
                <div className="Login">
                    <img src={imageUrl + 'Sign.png'} alt="" />
                    <div className="sign">
                        <div className="Title">
                            <div>平台登录</div>
                            <div>将数据进行可视化分析，更加便捷、直观。</div>
                        </div>
                        <SignUp />
                        <PlugInUnit />
                    </div>
                </div>
            </div>
        </Suspense>
    )
}

export default NoneKen
